<!DOCTYPE html>
<html lang="en">
<title>储值卡用户列表</title>
<#import "/layout/layout.html" as body/>
<@body.page>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5 class="pull-left">储值卡用户列表</h5>
                </div>
                <div class="ibox-content">
                    <div class="table-responsive">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <label for="storeName">用户ID：</label>
                                <input class="form-control" type="text" id="storeName" name="storeName"/>
                            </div>
                            <div class="form-group">
                                <label for="storeName1">用户手机号：</label>
                                <input class="form-control" type="text" id="storeName1" name="storeName"/>
                            </div>
                            <button type="submit" class="btn btn-outline btn-primary" style="margin-top: 5px">确认</button>
                        </form>
                        <hr style="width: 100%">
                        <table class="table table-hover table-center dataTables-example">
                            <thead>
                            <tr>
                                <th>用户ID</th>
                                <th>用户昵称</th>
                                <th>用户身份</th>
                                <th>用户手机号</th>
                                <th>当前余额</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>用户ID</td>
                                <td>用户昵称</td>
                                <td>用户身份</td>
                                <td>用户手机号</td>
                                <td>当前余额</td>
                                <td>
                                    <a href="value_card_recharge_record.html" class="btn btn-default"><i class="fa fa-folder"></i> 充值记录</a>
                                    <a href="value_card_expense_record.html" class="btn btn-default"><i class="fa fa-folder-open"></i> 消费记录</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="ibox-footer overflow">
                    <h4 class="pull-left">合计：3位储值卡用户</h4>
                    <div id="copot-page" class="pull-right"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${baseUrl}js/main.js"></script>
<script>
    $(document).ready(function () {
        //导出excel
        ExampleFile("用户excel");
        //分页
        new Page({
            parent: $("#copot-page"),
            nowPage: 5,
            pageSize: 5,
            totalCount: 100,
            setting: {
                defaultPage: 5,//默认显示可点击分页的个数
                firstPageText: "首页",
                prevPageText: "上一页",
                nextPageText: "下一页",
                lastPageText: "尾页"
            },
            callback: function (nowPage, totalPage) {
                alert("当前" + nowPage + "页--总共有" + totalPage + "页")
            }
        });
    });
</script>
</@body.page>
</html>